{extend name="$_theme_public_layout"/}
{block name="style"}
<style type="text/css">

</style>
{/block}

{block name="main"}
<!--  幻灯片  -->
<div class="foucebox" style="margin:0 auto">
    <div class="bd">
        <div class="showDiv" title="">
            <a href="#">
                <img src="__THEME_IMG__/slide1.jpg">
            </a>
            <div class="foucebox_bg"></div>
        </div>
        <div class="showDiv" title="">
            <a href="#">
                <img src="__THEME_IMG__/slide2.jpg">
            </a>
            <div class="foucebox_bg"></div>
        </div>
    </div>
    <a class="prev" href="javascript:void(0)"></a>
    <a class="next" href="javascript:void(0)"></a>
    <div class="hd">
        <ul>
            <li></li>
        </ul>
    </div>
</div>


<!--内容-->
<section class="containers_a">
    <section class="product_feature">
        <div class="wrappers">
            <section class="home_title center">
                <h3>产品特色</h3>
                <span>PRODUCT FEATURE</span>
            </section>
            <ul class="layout_ul">
                <li class="layout_li">
                    <article class="feature wow bounceInUp animated" data-wow-delay=".1s">
                        <i class="iconfont">&#xe715;</i>
                        <h2>管理咨询</h2>
                        <span>业务客户遍及各个行业</span>
                    </article>
                </li>
                <li class="layout_li">
                    <article class="feature wow bounceInUp animated" data-wow-delay=".3s">
                        <i class="iconfont">&#xe6f3;</i>
                        <h2>服务承诺</h2>
                        <span>提供 24 x 7 无缝服务</span>
                    </article>
                </li>
                <li class="layout_li">
                    <article class="feature wow bounceInUp animated" data-wow-delay=".5s">
                        <i class="iconfont">&#xe6e4;</i>
                        <h2>快速便捷</h2>
                        <span>从网络到上门，只为更快</span>
                    </article>
                </li>
                <li class="layout_li">
                    <article class="feature wow bounceInUp animated" data-wow-delay=".7s">
                        <i class="iconfont">&#xe704;</i>
                        <h2>科学技术</h2>
                        <span>我们从未放弃挑战自我</span>
                    </article>
                </li>
            </ul>
        </div>
    </section>

    <section class="product_list">
        <div class="wrappers">
            <section class="home_title wow bounceInRight animated">
                <h3>产品介绍</h3>
                <span>PRODUCT INTRODUCTION</span>
                <a href="#" class="more y" title="详细了解">MORE </a>
            </section>
            <section class="slide-product sdouban">
                <div class="swiper-container swiper-product swiper-container-horizontal">
                    <ul class="swiper-wrapper">
                        <li class="swiper-slide wow bounceInUp" style="width: 380px">
                            <a href="#" class="imgeffect">
                                <img class="thumb" src="__THEME_IMG__/112648.png" alt="" />
                                <i class="iconfont"></i>
                            </a>
                            <h3>
                                <a href="#" title="">This is Test</a>
                            </h3>
                            <p class="description">This is description!</p>
                        </li>
                        <li class="swiper-slide wow bounceInUp" style="width: 380px">
                            <a href="#" class="imgeffect">
                                <img class="thumb" src="__THEME_IMG__/112648.png" alt="" />
                                <i class="iconfont"></i>
                            </a>
                            <h3>
                                <a href="#" title="">This is Test</a>
                            </h3>
                            <p class="description">This is description!</p>
                        </li>
                        <li class="swiper-slide wow bounceInUp" style="width: 380px">
                            <a href="#" class="imgeffect">
                                <img class="thumb" src="__THEME_IMG__/112648.png" alt="" />
                                <i class="iconfont"></i>
                            </a>
                            <h3>
                                <a href="#" title="">This is Test</a>
                            </h3>
                            <p class="description">This is description!</p>
                        </li>
                        <li class="swiper-slide wow bounceInUp" style="width: 380px">
                            <a href="#" class="imgeffect">
                                <img class="thumb" src="__THEME_IMG__/112648.png" alt="" />
                                <i class="iconfont"></i>
                            </a>
                            <h3>
                                <a href="#" title="">This is Test</a>
                            </h3>
                            <p class="description">This is description!</p>
                        </li>
                        <li class="swiper-slide wow bounceInUp" style="width: 380px">
                            <a href="#" class="imgeffect">
                                <img class="thumb" src="__THEME_IMG__/112648.png" alt="" />
                                <i class="iconfont"></i>
                            </a>
                            <h3>
                                <a href="#" title="">This is Test</a>
                            </h3>
                            <p class="description">This is description!</p>
                        </li>
                        <li class="swiper-slide wow bounceInUp" style="width: 380px">
                            <a href="#" class="imgeffect">
                                <img class="thumb" src="__THEME_IMG__/112648.png" alt="" />
                                <i class="iconfont"></i>
                            </a>
                            <h3>
                                <a href="#" title="">This is Test</a>
                            </h3>
                            <p class="description">This is description!</p>
                        </li>
                    </ul>
                </div>
                <a class="swiper-button wow fadeIn next iconfont" data-wow-delay=".5s"></a>
                <a class="swiper-button wow fadeIn prev iconfont" data-wow-delay=".5s"></a>
                <script type="text/javascript">
                    $(".sdouban").slide({
                        mainCell:".swiper-wrapper",
                        effect:"left",
                        delayTime:800,
                        vis:3,
                        scroll:1,
                        pnLoop:false,
                        trigger:"click",
                        easing:"easeOutCubic"
                    });
                </script>
            </section>
        </div>
    </section>
    <section class="about_us">
        <div class="wrappers">
            <section class="about_con">
                <section class="home_title wow bounceInUp">
                    <h3>公司介绍</h3>
                    <span>COMPANY INTRODUCTION</span>
                </section>
                <p class="wow bounceInUp">
                    北京富择风险管理顾问有限公司（简称富择金融）是一家专业为广大消费者提供消费金融服务的公司。多年来与工商银行、交通银行、北京银行、北京农商行等12家银行建立了良好的合作关系。是北京融资担保行业龙头——北京首创融资担保有限公… </p>
                <a href="#" class="more wow bounceInUp" title="详细了解">
                    MORE </a>
            </section>
            <section class="about_img wow bounceInRight">
                <img src="__THEME_IMG__/about.jpg" alt="公司介绍">
            </section>

        </div>
    </section>
</section>

{/block}

{block name="script"}
<script type="text/javascript">
    $(".foucebox").slide({
        mouseOverStop: false,
        titCell: ".hd ul",
        effect: "fold",
        autoPage: true,
        autoPlay: true,
        delayTime: 300,
        startFun: function (i) {
            $(".foucebox .showDiv").eq(i).find("h2").css({display: "none", bottom: 0}).animate({
                opacity: "show",
                bottom: "5px"
            }, 300);
        }
    });
    $(".foucebox").hover(function () {
        $(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.2)
    }, function () {
        $(this).find(".prev,.next").fadeOut()
    });

</script>
{/block}
